<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>hello刷题</title>
    <link href="${pageContext.request.contextPath}/css/chooseType.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/dist/jquery/jquery-3.4.1.min.js"></script>
</head>
<body>

<jsp:include page="../public/header.jsp"/>

    <div class="middle">
        <div class="module-head">
            <h3>笔试练习</h3>
        </div>

        <div class="module-body">
            <div class="body-title">
                <ul class="menu">
                    <li class="first-item" readonly>
                        <a href="javascript:void(0)">计算机基础</a>
                    </li>
                    <li class="first-item program">
                        <a href="">编程语言</a>
                    </li>
                    <li class="first-item" readonly>
                        <a href="javascript:void(0)">专业技能</a>
                    </li>
                    <li class="first-item" readonly>
                        <a href="javascript:void(0)">通用能力</a>
                    </li>
                </ul>
            </div>
            <div class="body-first">
                <div class="language">
                    <h4 class="program-language">编程语言</h4>
                    <label class="checkbox">
                        <input type="checkbox" class="icons icons1 select-all1">
                        全选
                    </label>
                </div>
                <div class="language-type type0">
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            C
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍓
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            Java
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍎
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            Javascript
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍌
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            C#
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍉
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            HTML
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍇
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            Python
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍋
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            PHP
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍒
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            GO
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🥝
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons1">
                            Perl
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            🍑
                        </div>
                    </div>
                </div>
            </div>
            <%--<div class="body-first second">
                <div class="language">
                    <h2>算法</h2>
                    <label class="checkbox">
                        <input type="checkbox" class="icons select-all2">
                        全选
                    </label>
                </div>
                <div class="language-type type1">
                    <div class="first-item">
                    <label class="checkbox">
                        <input type="checkbox" class="icons">
                        查找
                    </label>
                    <div class="string">
                        <div class="data-string"></div>
                    </div>
                    <div class="data-txt">
                        0/120
                    </div>
                </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            排序
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/345
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            递归
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/36
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            复杂度
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/207
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            高级算法
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/59
                        </div>
                    </div>
                </div>
           </div>
            <div class="body-first">
                <div class="language">
                    <h2>数据结构</h2>
                    <label class="checkbox">
                        <input type="checkbox" class="icons select-all3">
                        全选
                    </label>
                </div>
                <div class="language-type type2">
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            数组
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/247
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            字符串
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/67
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            链表
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/267
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            栈
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/244
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            队列
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/119
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            树
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/616
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            图
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/214
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            哈希
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/73
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            堆
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/50
                        </div>
                    </div>
                </div>
               </div>
            <div class="body-first second">
                <div class="language">
                    <h2>计算机基础</h2>
                    <label class="checkbox">
                        <input type="checkbox" class="icons select-all4">
                        全选
                    </label>
                </div>
                <div class="language-type type3">
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons ">
                            网络基础
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/1800
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            数据库
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/982
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            操作系统
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/1544
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            加密和...
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/46
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            编程基础
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/819
                        </div>
                    </div>

                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            编译和...
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/984
                        </div>
                    </div>
                </div>
            </div>
            <div class="body-first">
                <div class="language">
                    <h2>软件开发</h2>
                    <label class="checkbox">
                        <input type="checkbox" class="icons select-all5">
                        全选
                    </label>
                </div>
                <div class="language-type type4">
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            软件工程
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/580
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            软件测试
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/148
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            Linux
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/322
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                           <input type="checkbox" class="icons">
                           Windo...
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/146
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            数理统计
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/56
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            机器学习
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/140
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            并发
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/34
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            Spring
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/28
                        </div>
                    </div>
                    <div class="first-item">
                        <label class="checkbox">
                            <input type="checkbox" class="icons">
                            iOS
                        </label>
                        <div class="string">
                            <div class="data-string"></div>
                        </div>
                        <div class="data-txt">
                            0/214
                        </div>
                    </div>
                </div>
            </div>--%>
            <div class="difficulty">
                <%--<span class="item-label">调整难度系数</span>--%>
                <span title="难度系数" class="stars-all"></span><!--难度系数这块不会-->
            </div>
            <div class="special-opt">
                <div class="special-opt-text">
                    已选择：
                    <span class="difficult-show">三星难度</span>
                    <span class="no-data" style="height:20px;color:red;font-size:12px;line-height: 40px">
                        ${requestScope.serverResponse}
                    </span>
                </div>
                <div class="special-opt-btn">
                    <div  class="btn-form">
                        <a href="javascript:void(0)" class="reselect-btn">重选</a>
                        <button  class="go-practice">确定</button>
                    </div>
                </div>

            </div>
        </div>
    </div>

<script src="${pageContext.request.contextPath}/js/chooseType.js"></script>
<jsp:include page="../public/footer.jsp"/>
</body>
</html>